<template>
  <div class="warrper">
    <div class="content-view">
      <span class="err-text">{{ $props.title }}</span>
      <el-button @click="$props.reloadClick">{{ $props.buttonText }}</el-button>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    buttonText: {
      type: String,
      default: '重新加载'
    },
    title: {
      type: String,
      default: '数据加载失败...'
    },
    // desc: {
    //   type: String,
    //   default: ''
    // },
    reloadClick: {
      type: Function,
      default: function() {}
    }
  }
}
</script>

  <style lang="scss" scoped>
    .warrper{
        height:200px;
        box-sizing: border-box;
        padding:50px;
        text-align: center;
        display: flex;
        justify-content: center;
        // align-items: center;
    }
    .err-text{
        font-size:18px;
        color:#666;
    }
  </style>

